<script src="<?php echo base_url(); ?>assets/default/js/default.js" type="text/javascript"></script>
<script src="<?php echo base_url(); ?>assets/default/js/login.js" type="text/javascript"></script>
<style type="text/css">
	.mki_layer {
		background-color: #f5f5f5;
	}
	.mki_status_layer {
		background-color: #4617b4;
		position: absolute;
		width: 100%;
		color: #eee;
		padding: 40px 0;
	}
	.mki_center_layer {
		width: 430px;
		position: relative;
	}
	.mki_td_border_left {
		border-left: 1px solid #444;
		padding-left: 10px;
	}
	.errorfield {
		border-color: #f22 !important;
		background-color: #faa !important;
	}
</style>
<div class="mki_layer">
	<div class="mki_status_layer">
		<div class="mki_center_layer">
			<table width="430px">
				<tr>
					<td width="145px" rowspan="5">
						<img width="120px" src="<?php echo base_url(); ?>assets/default/img/logo-asmat.jpg">
					</td>
					<td class="mki_td_border_left" width="85px"></td>
					<td width="200px"></td>
				</tr>
				<tr>
					<td class="mki_td_border_left">Pengguna</td>
					<td><input type="text" id="username" placeholder="Pengguna"></td>
				</tr>
				<tr>
					<td class="mki_td_border_left">Sandi</td>
					<td><input type="password" id="password" placeholder="Sandi"></td>
				</tr>
				<tr>
					<td class="mki_td_border_left">&nbsp;</td>
					<td>
						<div id="do_login" class="button success"><b>Masuk</b></div>
				</tr>
				<tr>
					<td colspan="2"></td>
				</tr>
			</table>
		</div>
	</div>
</div>